<div class="advertisement-detail" ng-controller="TaskController" ng-init="initDetail()">

  <div ng-include="'angular/template/include/toptip.html'">

  </div>

  <div class="header">
    <img src="{{qiniuhost}}{{taskDto.brandImage}}!200" alt=""/>
    <h1>{{taskDtos.title}}</h1>
  </div>

  <ul class="list bg-gray top-margin-20" style="margin-left: -20px; margin-right: -20px;">

    <li class="item clearfix" style="height: auto;">
      <label><font style="font-weight:bold;color:#ed6267">认领时间</font></label>
      <p class="pull-right">{{taskDto.startDate | date:'yyyy-MM-dd'}}</p>
    </li>

    <li class="item clearfix" style="height: auto;" ng-hide="taskDto.finishDate != null">
      <label><font style="font-weight:bold;color:#ed6267">结束时间</font></label>
      <p class="pull-right">{{taskDto.endDate | date:'yyyy-MM-dd'}}</p>
    </li>

    <li class="item clearfix" style="height: auto;" ng-hide="taskDto.finishDate == undefined">
      <label><font style="font-weight:bold;color:#ed6267">完成时间</font></label>
      <p class="pull-right">{{taskDto.finishDate | date:'yyyy-MM-dd'}}</p>
    </li>

    <li class="item clearfix" style="height: auto;">
      <label><font style="font-weight:bold;color:#ed6267">当前状态</font></label>
      <p class="pull-right"><span class="blue">{{taskDto.taskStatus}}</span></p>
    </li>

    <li class="item clearfix" style="height: auto;" ng-show="taskDto.taskStatus == '待审核' || taskDto.taskStatus == '已分红'">
      <label style="position: relative;"><span class="red font-bold" ng-click="tipsFnc('authImg')">认证图片</span><span class="tips_msg" id="authImg"></span>&nbsp;&nbsp;</label>
      <p class="item-body no-top-margin left-padding-20">
        <img src="{{qiniuhost}}{{taskDto.screenshot}}!600" width="92%"/>
      </p>
    </li>

    <li class="item clearfix" style="height: auto;" ng-hide = "taskDto.taskStatus == '已过期' ">
      <label ng-hide="taskDto.taskStatus == '已认领' || taskDto.taskStatus == '待审核'"><font style="font-weight:bold;color:#ed6267">已获奖金</font></label>
      <label style="position: relative;" ng-hide="taskDto.taskStatus == '已分红'" ng-click="tipsFnc('reward')"><font style="font-weight:bold;color:#ed6267">可获奖金</font><span class="tips"></span><p class="tips_msg" id="reward">完成该任务并通过圈圈后台审核后即可获得的赏金</p></label>
      <p class="pull-right"><span class="blue">{{taskDto.reward/100}}元</span></p>
    </li>

  </ul>

  <div class="margin-20" ng-hide="taskDto.screenshot != '' || taskDto.taskStatus == '已过期' ">
    <a class="btn btn-block client-btn" ng-href="#/{{customerId}}/tasks/{{taskDto.id}}/audit">上传认证图片</a>
  </div>

  <ul class="list bg-gray top-margin-20" style="margin-left: -20px; margin-right: -20px;">

    <li class="item clearfix" >
      <label style="position: relative;" class="red font-bold" ng-click="tipsFnc('platform')">发放平台<span class="tips"></span><p class="tips_msg" id="platform">广告主希望该广告投放的平台媒介</p></label>
      <p class="pull-right">{{taskDto.socialTypeName}}</p>
    </li>

	<li class="item clearfix" style="height: auto;">
      <label><font style="font-weight:bold;color:#ed6267">关键字</font>&nbsp;&nbsp;</label>
      <span ng-repeat="keyword in taskDto.materialKeywords">
	      <span ng-bind="keyword"></span>
	    </span>
    </li>
    
	
    
    <li class="item clearfix" style="height: auto;">
      <label><font style="font-weight:bold;color:#ed6267">参考文案</font>&nbsp;&nbsp;<small class="gray">(文字描述示例)</small></label>
      <p class="item-body no-top-margin left-padding-20">{{taskDto.description}}</p>
    </li>

    <li class="item clearfix" style="height: auto;" ng-hide="materialImages.length == 0">
      <label style="position: relative;" class="red font-bold" ng-click="tipsFnc('taskImg')">任务图片<span class="tips"></span><p class="tips_msg" id="taskImg"><span class="auge_mid"></span>您在指定平台完成任务后的页面截图（长按可复制）</p>&nbsp;&nbsp;<small class="gray">(复制图片并转发到对应社交平台)</small></label>
      <ng-gallery images="galleryImages">
      </ng-gallery>
    </li>

    <li class="item clearfix" style="height: auto;" ng-hide="!taskDto.link">
      <label style="position: relative;"><font style="font-weight:bold;color:#ed6267">任务链接</font><span class="tips"></span>&nbsp;&nbsp;<small class="gray">(复制该链接并转发到对应社交平台)</small></label>
      <p class="item-body no-top-margin left-padding-20">{{taskDto.link}}</p>
    </li>

  </ul>

</div>
